<!doctype html>
<html lang="zxx">
    <head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<!-- Bootstrap CSS --> 
		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
		<!-- Owl Theme Default CSS --> 
		<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
		<!-- Owl Carousel CSS --> 
		<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
		<!-- Owl Magnific CSS --> 
		<link rel="stylesheet" href="assets/css/magnific-popup.css">
		<!-- Animate CSS --> 
		<link rel="stylesheet" href="assets/css/animate.css">
		<!-- Boxicons CSS --> 
		<link rel="stylesheet" href="assets/css/boxicons.min.css"> 
		<!-- Flaticon CSS --> 
		<link rel="stylesheet" href="assets/css/flaticon.css">
		<!-- Meanmenu CSS -->
		<link rel="stylesheet" href="assets/css/meanmenu.css">
		<!-- Nice Select CSS -->
		<link rel="stylesheet" href="assets/css/nice-select.css">
		<!-- Odometer CSS-->
		<link rel="stylesheet" href="assets/css/odometer.css">
		<!-- Style CSS -->
		<link rel="stylesheet" href="assets/css/style.css">
		<!-- Responsive CSS -->
		<link rel="stylesheet" href="assets/css/responsive.css">
		
		<!-- Favicon -->
		<link rel="icon" type="image/png" href="assets/img/favicon.png">
		<!-- Title -->
		<title>编程蛙--少儿编程</title>
		</head>
		
		<body>
			<!-- Start Preloader Area -->
			<div class="loader-wrapper">
				<div class="loader">
					<div class="dot-wrap">
						<span class="dot"></span>
						<span class="dot"></span>
						<span class="dot"></span>
						<span class="dot"></span>
					</div>
				</div>
			</div>
			<!-- End Preloader Area -->
		 
			<!-- Start Navbar Area -->
			<div class="navbar-area">
				<!-- Menu For Mobile Device -->
				<div class="mobile-nav">
					<a href="index.html" class="logo">
						<img src="assets/img/logo.png" alt="Logo">
					</a>
				</div>
			
				<!-- Menu For Desktop Device -->
				<div class="main-nav">
					<div class="container-fluid">
						<nav class="navbar navbar-expand-md">
							<a class="navbar-brand" href="index.html">
								<img src="assets/img/logo.png" alt="Logo">
							</a>
							
							<div class="collapse navbar-collapse mean-menu">
								<ul class="navbar-nav m-auto">
									<li class="nav-item">
										<a href="#" class="nav-link active">
											 个人中心
											<i class="bx bx-chevron-down"></i>
										</a>
			
										<ul class="dropdown-menu">
											<li class="nav-item">
												<a href="index.html" class="nav-link active">我的主页</a>
											</li>
											<li class="nav-item">
												<a href="index-2.html" class="nav-link">预约课时</a>
											</li>
											<li class="nav-item">
												<a href="index-3.html" class="nav-link">我的订单</a>
											</li>
											<li class="nav-item">
												<a href="index-3.html" class="nav-link">我的老师</a>
											</li>
											<li class="nav-item">
												<a href="index-3.html" class="nav-link">我的行程</a>
											</li>
										</ul>
									</li>
			
									<li class="nav-item">
										<a href="#" class="nav-link">
											家教列表
											<i class="bx bx-chevron-down"></i>
										</a>
			
										<ul class="dropdown-menu">
											<li class="nav-item">
												<a href="courses.html" class="nav-link">全部老师</a>
											</li>
											
										</ul>
									</li>
			
									<li class="nav-item">
										<a href="#" class="nav-link">
											学习中心
											<i class="bx bx-chevron-down"></i>
										</a>
			
										<ul class="dropdown-menu">
											<li class="nav-item">
												<a href="about.html" class="nav-link">About</a>
											</li>
											<li class="nav-item">
												<a href="feedback.html" class="nav-link">Feedback</a>
											</li>
											<li class="nav-item">
												<a href="#" class="nav-link">
													Events
													<i class='bx bx-chevron-right'></i>
												</a>
			
												<ul class="dropdown-menu">
													<li class="nav-item">
														<a href="events.html" class="nav-link">Events</a>
													</li>
													<li class="nav-item">
														<a href="single-event.html" class="nav-link">Single Event</a>
													</li>
												</ul>
											</li>
											<li class="nav-item">
												<a href="instructors.html" class="nav-link">Instructors</a>
											</li>
											<li class="nav-item">
												<a href="#" class="nav-link">
													User
													<i class='bx bx-chevron-right'></i>
												</a>
			
												<ul class="dropdown-menu">
													<li class="nav-item">
														<a href="my-account.html" class="nav-link">My Account</a>
													</li>
													<li class="nav-item">
														<a href="log-in.html" class="nav-link">Log In</a>
													</li>
													<li class="nav-item">
														<a href="registration.html" class="nav-link">Registration</a>
													</li>
													<li class="nav-item">
														<a href="recover-password.html" class="nav-link">Recover Password</a>
													</li>
												</ul>
											</li>
			
											<li class="nav-item">
												<a href="gallery.html" class="nav-link">Gallery</a>
											</li>
											<li class="nav-item">
												<a href="faq.html" class="nav-link">FAQ</a>
											</li>
											<li class="nav-item">
												<a href="privacy-policy.html" class="nav-link">Privacy Policy</a>
											</li>
											<li class="nav-item">
												<a href="terms-conditions.html" class="nav-link">Terms & Conditions</a>
											</li>
											<li class="nav-item">
												<a href="coming-soon.html" class="nav-link">Coming Soon</a>
											</li>
											<li class="nav-item">
												<a href="404.html" class="nav-link">404 Error Page</a>
											</li>
										</ul>
									</li>
			
									<li class="nav-item">
										<a href="#" class="nav-link">
											s商城
											<i class="bx bx-chevron-down"></i>
										</a>
			
										<ul class="dropdown-menu">
											<li class="nav-item">
												<a href="shop.html" class="nav-link">课时包购买</a>
											</li>
											
										</ul>
									</li>
								</ul>
								
								<!-- Start Other Option -->
								<div class="others-option">
									<div class="option-item">
										<i class="search-btn bx bx-search"></i>
										<i class="close-btn bx bx-x"></i>
										
										<div class="search-overlay search-popup">
											<div class='search-box'>
												<form class="search-form">
													<input class="search-input" name="search" placeholder="Search" type="text">
			
													<button class="search-button" type="submit"><i class="bx bx-search"></i></button>
												</form>
											</div>
										</div>
									</div>
			
									<div class="cart-icon">
										<a href="cart.html">
											<i class="flaticon-shopping-cart"></i>
											<span>0</span>
										</a>
									</div>	
									
									<div class="register">
										<a href="log-in.html" class="default-btn">
											登录
										</a>
										<a href="registration.html" class="default-btn">
											注册
										</a>
									</div>	
								</div>
								<!-- End Other Option -->
							</div>
						</nav>
					</div>
				</div>
			
				<!-- Start Others Option For Responsive -->
				<div class="others-option-for-responsive">
			        <div class="container">
			            <div class="dot-menu">
			                <div class="inner">
			                    <div class="circle circle-one"></div>
			                    <div class="circle circle-two"></div>
			                    <div class="circle circle-three"></div>
			                </div>
			            </div>
			            
			            <div class="container">
			                <div class="option-inner">
			                    <div class="others-option justify-content-center d-flex align-items-center">
			                        <div class="option-item">
										<i class="search-btn bx bx-search"></i>
										<i class="close-btn bx bx-x"></i>
										
										<div class="search-overlay search-popup">
											<div class='search-box'>
												<form class="search-form">
													<input class="search-input" name="search" placeholder="Search" type="text">
			
													<button class="search-button" type="submit"><i class="bx bx-search"></i></button>
												</form>
											</div>
										</div>
									</div>
			
									<div class="cart-icon">
										<a href="cart.html">
											<i class="flaticon-shopping-cart"></i>
											<span>0</span>
										</a>
									</div>	
									
									<div class="register">
										<a href="my-account.html" class="default-btn">
											登录 / 注册
										</a>
									</div>
			                    </div>
			                </div>
			            </div>
			        </div>
				</div>
				<!-- End Others Option For Responsive -->
			</div>
			<!-- End Navbar Area -->
		
		<!-- Start Page Title Area -->
		<div class="page-title-area bg-9">
			<div class="container">
				<div class="page-title-content">
					<h2>Recover password</h2>
					<ul>
						<li>
							<a href="index.html">
								Home 
							</a>
						</li>
						
						<li class="active">Recover password</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- End Page Title Area -->

		<!-- Start Recover Password Area -->
		<section class="user-area-style recover-password-area ptb-100">
			<div class="container">
				<div class="contact-form-action recover">
					<div class="form-heading text-center">
						<h3 class="form-title">Reset Password!</h3>
						<p class="reset-desc">Enter the email of your account to reset the password. Then you will receive a link to email to reset the password. If you have any issue about reset password <a href="contact.html">contact us.</a></p>
					</div>

					<form method="post">
						<div class="row">
							<div class="col-12">
								<div class="form-group">
									<input class="form-control" type="text" name="name" placeholder="Enter Email Address">
								</div>
							</div>
							
							<div class="col-lg-6 col-md-6 col-sm-6">
								<a class="now-log-in font-q" href="log-in.html">Log In in your account</a>
							</div>
							
							<div class="col-lg-6 col-md-6 col-sm-6">
								<p class="now-register">
									Not a member?
									<a class="font-q" href="registration.html">Registration</a>
								</p>
							</div>

							<div class="col-12">
								<button class="default-btn btn-two" type="submit">
									Reset Password
								</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</section>
		<!-- End Recover Password Area -->

		<!-- Start Footer Top Area -->
		<footer class="footer-top-area pt-100 pb-70">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<h3>Find Us</h3>

							<ul class="address">
								<li class="location">
									<i class="bx bxs-location-plus"></i>
									6890 Blvd, The Bronx, NY 1058 New York, USA
								</li>

								<li>
									<i class="bx bxs-envelope"></i>
									<a href="mailto:hello@eduon.com">hello@eduon.com</a>
									<a href="mailto:public@eduon.com">public@eduon.com</a>
								</li>

								<li>
									<i class="bx bxs-phone-call"></i>
									<a href="tel:+1(514)312-5678">+1 (514) 312-5678</a>
									<a href="tel:+1(514)312-6688">+1 (514) 312-6688</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<h3>Useful links</h3>

							<ul class="link">
								<li>
									<a href="courses.html">All Courses</a>
								</li>
								<li>
									<a href="about.html">About us</a>
								</li>
								<li>
									<a href="faq.html">Help (FAQ)</a>
								</li>
								<li>
									<a href="terms-conditions.html">Terms & Conditions</a>
								</li>
								<li>
									<a href="privacy-policy.html">Privacy Policy</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<h3>Top online courses</h3>

							<ul class="link">
								<li>
									<a href="#">AI for everyone</a>
								</li>
								<li>
									<a href="#">Networks and deep learning</a>
								</li>
								<li>
									<a href="#">Learning with python</a>
								</li>
								<li>
									<a href="#">Financial markets</a>
								</li>
								<li>
									<a href="#">Speak English professionally</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="col-lg-3 col-sm-6">
						<div class="footer-widget">
							<h3>Popular subjects</h3>

							<ul class="link">
								<li>
									<a href="#">Data science</a>
								</li>
								<li>
									<a href="#">Computer science</a>
								</li>
								<li>
									<a href="#">Business and Management</a>
								</li>
								<li>
									<a href="#">Business and Management</a>
								</li>
								<li>
									<a href="#">Nature & Environment</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- End Footer Top Area -->

		<!-- Start Footer Bottom Area -->
		<footer class="footer-bottom-area">
			<div class="container">
				<div class="copyright-wrap">
					<p>Copyright @2020 Eduon. Designed By <a href="https://hibootstrap.com/" target="blank">HiBootstrap.com</a></p>
				</div>
			</div>
		</footer>
		<!-- End Footer Bottom Area -->
		
		<!-- Start Go Top Area -->
		<div class="go-top">
			<i class='bx bx-chevrons-up'></i>
			<i class='bx bx-chevrons-up'></i>
		</div>
		<!-- End Go Top Area -->
		

        <!-- Jquery-3.5.1.Slim.Min.JS -->
        <script src="assets/js/jquery-3.5.1.slim.min.js"></script>
        <!-- Popper JS -->
        <script src="assets/js/popper.min.js"></script>
        <!-- Bootstrap JS -->
        <script src="assets/js/bootstrap.min.js"></script>
        <!-- Meanmenu JS -->
		<script src="assets/js/jquery.meanmenu.js"></script>
        <!-- Wow JS -->
        <script src="assets/js/wow.min.js"></script>
        <!-- Owl Carousel JS -->
		<script src="assets/js/owl.carousel.js"></script>
        <!-- Owl Magnific JS -->
		<script src="assets/js/jquery.magnific-popup.min.js"></script>
        <!-- Nice Select JS -->
		<script src="assets/js/jquery.nice-select.min.js"></script>
		<!-- Parallax JS --> 
		<script src="assets/js/parallax.min.js"></script>
		<!-- Appear JS --> 
        <script src="assets/js/jquery.appear.js"></script>
		<!-- Odometer JS --> 
		<script src="assets/js/odometer.min.js"></script>
		<!-- Form Validator JS -->
		<script src="assets/js/form-validator.min.js"></script>
		<!-- Contact JS -->
		<script src="assets/js/contact-form-script.js"></script>
		<!-- Ajaxchimp JS -->
		<script src="assets/js/jquery.ajaxchimp.min.js"></script>
        <!-- Custom JS -->
		<script src="assets/js/custom.js"></script>
    </body>
</html>